... a missing mixin which makes no sense in HC actually.
%needs_attention {
animation: needs_attention 150ms ease-in;
- $_dot_shadow: _text_shadow_color();
- $_dot_shadow_r: if($variant=='light',0.5,0.45);
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to($_dot_color),
- to(transparent)),
- -gtk-gradient(radial,
- center center, 0,
- center center, $_dot_shadow_r,
- to($_dot_shadow),
to(transparent));
- background-size: 6px 6px, 6px 6px;
+ background-size: 6px 6px;
background-repeat: no-repeat;
- @if $variant == 'light' { background-position: right 3px, right 4px; }
-
- @else { background-position: right 3px, right 2px; }
-
- &:backdrop { background-size: 6px 6px, 0 0;}
+ background-position: right 3px;
- &:dir(rtl) {
- @if $variant == 'light' { background-position: left 3px, left 4px; }
+ &:backdrop { background-size: 6px 6px;}
- @else { background-position: left 3px, left 2px; }
- }
+ &:dir(rtl) { background-position: left 3px; }
}
&, overlay { border-radius: 0; }
@if $variant == 'light' {
- box-shadow: 0 1px _text_shadow_color();
-
&:disabled,
&:backdrop { box-shadow: none; }
}
.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#aaa), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(_text_shadow_color()), to(transparent));
- background-size: 6px 6px, 6px 6px;
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#aaa), to(transparent));
+ background-size: 6px 6px;
background-repeat: no-repeat;
- background-position: right 3px, right 2px; }
+ background-position: right 3px; }
.stack-switcher > button.needs-attention > label:backdrop,
.stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
- background-size: 6px 6px, 0 0; }
+ background-size: 6px 6px; }
.stack-switcher > button.needs-attention > label:dir(rtl),
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
- background-position: left 3px, left 2px; }
+ background-position: left 3px; }
.inline-toolbar toolbutton > button {
border-width: 2px;
.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#000), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(_text_shadow_color()), to(transparent));
- background-size: 6px 6px, 6px 6px;
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#000), to(transparent));
+ background-size: 6px 6px;
background-repeat: no-repeat;
- background-position: right 3px, right 4px; }
+ background-position: right 3px; }
.stack-switcher > button.needs-attention > label:backdrop,
.stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
- background-size: 6px 6px, 0 0; }
+ background-size: 6px 6px; }
.stack-switcher > button.needs-attention > label:dir(rtl),
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
- background-position: left 3px, left 4px; }
+ background-position: left 3px; }
.inline-toolbar toolbutton > button {
border-width: 2px;
button.color {
padding: 4px; }
- button.color colorswatch:only-child {
- box-shadow: 0 1px _text_shadow_color(); }
- button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
- border-radius: 0; }
- button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop {
- box-shadow: none; }
+ button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
+ border-radius: 0; }
+ button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop {
+ box-shadow: none; }
/*********
* Links *